<template>
    <div>
        <div style="width: 600px;height: 100%;margin: auto;padding-left: 70px;"><br>
            <span style="font-size: 14pt;">养殖信息</span>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-row :gutter="24">
                    <el-col :span="12" :offset="0">
                        <van-cell title="伊拉兔" label="品种"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                        <van-cell title="90天" label="饲养天数"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                        <van-cell title="小陈" label="饲养负责人"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                    </el-col>
                    <el-col :span="12" :offset="0">
                        <van-cell title="场内出生" label="来源"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                        <van-cell title="大北兔" label="饲料品牌"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                        <van-cell title="2024-04-15" label="出栏日期"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                    </el-col>
                </el-row>
            </el-card>
        </div>
        <div style="margin-top: 25px;padding-left: 70px;">
            <span>保健信息</span><br>
            <van-steps direction="vertical" :active="0">
                <van-step>
                </van-step>
                <van-step>
                </van-step>
                <van-step>
                </van-step>
            </van-steps>
            <div>
                <el-card style="max-width: 300px;margin-top: 15px;margin-left: 190px;border-radius: 25px">
                    <div style="margin-left: 55px;">
                        <span style="color: rgb(5 117 230 / 80%);font-size: 13pt;">第45天</span><br>
                        <p style="color: gray;margin-bottom: 15px;margin-top: 10px;">保健方式：
                            <el-tag type="primary" effect="dark" round>兔瘟疫苗</el-tag>
                        </p>
                        <p style="color: gray;">保健方法：
                            <el-tag type="primary" effect="dark" round>皮下注射 </el-tag>
                        </p>
                    </div>
                </el-card>
                <el-card style="max-width: 300px;margin-top: 15px;margin-left: 190px;border-radius: 25px">
                    <div style="margin-left: 55px;">
                        <span style="color: rgb(5 117 230 / 80%);font-size: 13pt;">第60天</span><br>
                        <p style="color: gray;margin-bottom: 15px;margin-top: 10px;">保健方式：
                            <el-tag type="primary" effect="dark" round>兔兔疫苗</el-tag>
                        </p>
                        <p style="color: gray;">保健方法：
                            <el-tag type="primary" effect="dark" round>拌饭里 </el-tag>
                        </p>
                    </div>
                </el-card>
            </div>
        </div>
        <div style="margin-top: 20px;">
            <span style="margin-right: 350px;padding-left: 70px;">动检证</span><br>
            <div style="margin-top: 15px;margin-left: 15px">
                <van-image width="140" height="140" style="margin-left: 70px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                <van-image width="140" height="140" style="margin-left: 20px;"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
            </div>
        </div>
        <div style="margin-top: 15px;padding-left: 70px;">
            <span style="margin-right: 350px">养殖企业信息</span><br>
            <div style="margin-top: 15px;margin-left: 15px">
                <el-card style="border-radius: 25px">
                    <h4 style="color: rgb(5 117 230 / 80%);text-align: center;margin-bottom: 15px">波波养殖场</h4>
                    <van-cell title="张总" label="负责人"
                        style="color: rgb(5 117 230 / 80%);font-size: 14pt;width: 120px;float: left;margin-left: 140px" />
                    <van-cell title="10086" label="存栏数量"
                        style="color: rgb(5 117 230 / 80%);font-size: 14pt;width: 120px;float: left;" />
                </el-card>
            </div>
        </div>
        <div style="margin-top: 25px;padding-left: 70px;">
            <span style="margin-right: 350px">企业照片</span><br>
            <div style="margin-top: 15px;margin-left: 15px">
                <van-image width="140" height="140" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                    radius="20" />
            </div>
        </div>
        <SaugHtetrApp></SaugHtetrApp>
    </div>
</template>


<script lang="ts" setup>
import SaugHtetrApp from './SlaughterMobileTerminal.vue'

</script>


<style></style>